<template>
    <basic-container>
    <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane name="first" icon="el-icon-s-tools">
            <span slot="label"><i class="el-icon-date"></i>一级字典</span>
            <sigle-dict></sigle-dict>
        </el-tab-pane>
        <el-tab-pane name="second">
            <span slot="label"><i class="el-icon-date"></i>二级字典</span>
            2
        </el-tab-pane>
    </el-tabs>
    </basic-container>
</template>

<script>
    import SigleDict from './sigle-dict'
    import MutilDict from './mutil-dict'
    export default {
        name: 'Dict',
        components: {SigleDict, MutilDict},
        data() {
            return {
                activeName: 'first'
            }

        },
        computed: {
        },
        created() {
        },
        methods: {
            handleClick(tab, event) {
                console.log(tab, event);
            }
        }
    }
</script>
<style lang="scss" scoped>
</style>

